<template>
   <div class="zong">
    <div class="zi">
        <!-- 关于我们 -->
            <div class="grid-content ep-bg-purple">
                <div class="about">
                    <div class="dt">关于我们 <span>/ ABOUT US</span></div>
                    <div class="dd">成都蓉之风汽车租赁公司是成都专业的汽车租赁公司，主营:汽车租赁、商务车租赁、越野车租赁、婚车租赁等。位于青羊大道10号，成立于 2010年
                        1月。公司从创立至今始终坚持“客户是生命、安全是保障、服务是根本、专业铸品质”
                        的经营理念，经过多年的努力，加之起步早、定位早、管理严谨、服务创新意识强，现公司已成为在成都汽车租赁行业公司规模、综合实力、服务水平等方面领先发展的汽车租赁公司</div>
                </div>
            </div>
        <!-- 租车服务 -->
            <div class="grid-content ep-bg-purple">
                <div class="serve">
                    <div class="dt">租车服务</div>
                    <li><router-link to="/yj/enterprise" >企业租车</router-link></li>
                    <li><router-link to="/yj/personal">个人租车</router-link></li>
                    <li><router-link to="/yj/wedding" >婚庆租车</router-link></li>
                    <li><router-link to="/yj/aircraft">接机送机</router-link></li>
                </div>
            </div>
        <!-- 新闻动态 -->
            <div class="grid-content ep-bg-purple">
                <div class="news">
                    <div class="dt">新闻动态</div>
                    <li>公司新闻</li>
                    <li>行业动态</li>
                </div>
            </div>
        <!-- 常见问题 -->
            <div class="grid-content ep-bg-purple">
                <div class="serve">
                    <div class="dt">常见问题</div>
                    <li>租车资格</li>
                    <li>租车流程</li>
                    <li>保险责任</li>
                    <li>违章处理</li>
                    <li>事故处理</li>
                </div>
            </div>
        <!-- 我们的服务 -->
            <div class="grid-content ep-bg-purple">
                <div class="myServe">
                    <div class="dt">我们的服务</div>
                    <li>免费送车上门</li>
                    <li>24小时热线</li>
                    <li>价格计算方式</li>
                    <li>理赔说明</li>
                </div>
            </div>
        <!-- 全国咨询热线 -->
            <div class="grid-content ep-bg-purple">
                <div class="consult">
                    <p>全国咨询热线</p>
                    <p class="tel">028-87327655 18980602655 13980033914  13550248693</p>
                    <p>邮箱：1428825343@qq.com</p>
                    <p>手机：13980033914</p>
                    <p>地址：成都市青羊区青羊大道10号2楼E七室</p>
                    <img src="../views/langxia/img/weixin.jpg" alt="" class="erweima1"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="../views/langxia/img/weixin.jpg" alt="" class="erweima1"/>
                    <pre> 微信二维码       微博二维码</pre>
                </div>
            </div>
    </div>
   </div>
</template>
<style lang="scss" scoped>
// 第一列的二维码
.erweima {
    height: 300px;
    line-height: 300px;
}
.erweima1{
    margin-top: 10px;
    width: 86px;
    height: 86px;
}
.zong {
    width: 100%;
    background-color: rgb(55, 57, 62);
    margin: 0 auto;
    height: 320px;
    overflow: hidden;
}
.zi {
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: space-around;
    margin-top: 40px;
    
}

// 关于我们
.about {
    width: 240px;
    font-size: 12px;
    line-height: 20px;
    color: white;

    span {
        font-size: 12px;
    }
}

.dd {
    margin-top: 12px;
    font-size: 12px;
    color:#7C7E82;
}

// 租车服务
.serve,.news,.myServe{
    width: 100px;
    color: white;
}
.consult {
    width: 300px;
    font-size: 14px;
    color: #9D9EA4;
    .tel{
        font-weight: 700;
        line-height: 28px;
        color: #db2534;
    }
   p {
        font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    line-height: 20px;
}
    }


.dt {
    width: 20px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 8px;
    border-bottom: #db2534 solid 2px;
}

li {
    list-style: none;
    font-size: 12px;
    margin-top: 12px;
    padding-left: 7px;
    color:#7C7E82;
    a {
        color:#7C7E82;
        text-decoration: none;
        cursor: pointer;
    }
}
li:hover {
    color: rgb(182, 180, 180);
    a {
    color:rgb(182, 180, 180); ;
}
}

</style>